<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--
    1). 编写视图
-->
<div id="myDiv">
    {{msg}}
</div>
<div v-text="msg"></div>
</body>
<!--
    编写vue程序
    1. 导入vue.js
    2. 编写代码
        1). 编写视图
        2). 编写脚本
-->
<script src="js/vue.js"></script>
<script>
    /*
    *  2). 编写脚本
    *       I. 创建 Vue对象,需要一个js对象作为参数
    *           jsObj = {name:value,name:value...}
    *       II.  Vue对象的参数
    *           el (element) 元素 : 指定Vue作用范围 (一般写id选择器)
    *           data 数据 : 对应的json对象
    *
    *       视图中的{{msg}} , 叫插值表达式
    *           可以引用data中的属性
    *
    * */
    new Vue({
        el : "#myDiv",
        data : {
            msg : "hello vue"
        }
    })
</script>
</html>